<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .showTime {
            width: 800px;
            margin: 200px auto;
            font-size: 40px;
            color: red;
        }
    </style>
    <meta charset="UTF-8">
    <title>函数实现时间显示</title>
</head>
<body>
        <div class="showTime"></div>
<script>
    var t = null;
    t = setTimeout(time,1000); //开始运行
    function time() {
        clearTimeout(t); //清除定时器
        var date = new Date(); //创建时间对象
        var y = date.getFullYear();  //年
        var mt = date.getMonth()+1;  //月
        var day = date.getDate();    //日
        var h = date.getHours();     //时
        var m = date.getMinutes();   //分
        var s = date.getSeconds();   //秒
        document.querySelector(".showTime").innerHTML =  //渲染到页面上
            "当前时间 "+y+"年"+mt+"月"+day+"日-"+h+"时"+m+"分"+s+"秒";
        t = setTimeout(time, 1000);  //设置定时器，循环显示
    }
</script>
</body>
</html>